<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../org/angular.min.js"></script>
</head>
<body>
    <div ng-app="app">
        <hdCms color="green"></hdCms>
    </div>
    <script>
        var vm = angular.module('app',[]);
        m.directive('hdCms',[function(){
            return {
                restrict:'AEC',
                template:function(ele,attr){
                    return "<span style='color:"+attr['color']+"'>"+$(ele).html+"</span>"
                }
            }
        }])
        vm.controller('ctrl',['$scope',function(){

        }])
    </script>
</body>
</html>